<%@ Control Language="C#" AutoEventWireup="true" CodeFile="J_Banner.ascx.cs" Inherits="Pub_Module_J_Banner" %>
<link rel="stylesheet" type="text/css" href="Pub/Css/JQ/style1.css" />
<script language="javascript" type="text/javascript" src="Pub/Js/JQ/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="Pub/Js/JQ/script.js"></script>

<asp:Panel ID="divLoading" class="lof41div-loading" runat="server" Style='width: 380px;
    height: 280px; background-color: #ffffff'>
</asp:Panel>
<asp:Panel ID="divData" runat="server">
</asp:Panel>

<script language="javascript" type="text/javascript">
  var Url='<%= ResolveClientUrl("~/")%>';
$(window).load(function() {                                        
                    LoadingAjaxBanner();                  
                             GetAjaxBanner()         
  });           
 
function GetAjaxBanner()
{
        $.ajax({ 
                               type: "GET", 
                               url: Url+"Pub/Ajax/AjaxQuery.aspx?type=GetBanner", 
                               success: function(resp)
                               { 
                                        $("#<%= divLoading.ClientID%>").hide();
                                      $("#<%= divData.ClientID%>").html(resp);  
                                      fnGetBanner();                             
                               } 
                        });        
}

function LoadingAjaxBanner()         
{
    $(window).load(function() {
        $('<div class="lof41div-loading"></div>')
           
        .ajaxStart(function() 
        {
            $(this).show();
        }).ajaxStop(function() 
        {
            $(this).hide();
        });
    });

}     
</script>

<script type="text/javascript">
function fnGetBanner()
{

            $(document).ready(function() {
		    var buttons = { previous:$('#lofslidecontent41 .lof41-next') ,
						    next:$('#lofslidecontent41 .lof41-previous') };
    						
		     $('#lofslidecontent41').lofJSidernews( { interval : 6000,
												    direction		: 'opacitys',	
											 	    easing			: 'easeInOutExpo',
												    duration		: 1500,
												    auto		 	: true,
												    maxItemDisplay  : 2,
												    navPosition     : 'horizontal', // horizontal
												    navigatorHeight : 27,
												    navigatorWidth  : 59,
												    mainWidth:420,
												    wapperSelector: 	'.lof41-main-wapper',
												    navItemsSelector    : '.lof41-navigator li',
			                                        navOuterSelector    : '.lof41-navigator-outer' ,
												    buttons			: buttons} );	
	    });
}
</script>

<asp:Literal ID="ltrMaster" runat="server"></asp:Literal>
